<template>
  <div class="page-home">
    <div class="home-enter">
      <div class="container">
        <!-- 左侧分类 -->
        <HomeCategory />
        <!-- 轮播图 -->
        <HomeBanner />
      </div>
    </div>
    <!-- new -->
    <HomeNew />
     <!-- hot -->
    <HomeHot />
    <!-- 品牌 -->
    <HomeBrand />
    <!-- 产品区块 -->
    <HomeProduct />
    <!-- 最新专题 -->
    <HomeSpecial />
  </div>
</template>

<script>
import HomeCategory from '@/views/home/components/HomeCategory.vue'
import HomeBanner from './components/HomeBanner.vue'
import HomeNew from './components/HomeNew.vue'
import HomeHot from './components/HomeHot.vue'
import HomeBrand from './components/HomeBrand.vue'
import HomeProduct from './components/HomeProduct.vue'
import HomeSpecial from './components/HomeSpecial.vue'
export default {
  name:"Home",
  components:{HomeCategory,HomeBanner,HomeNew,HomeHot,HomeBrand,HomeProduct,HomeSpecial}
}
</script>

<style lang='less' scoped>

</style>